<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>侧边导航</title>
  <link rel="stylesheet" href="../css/reset.css" type="text/css">
  <link rel="stylesheet" href="../css/topbar-2.css" type="text/css">
</head>
<body>
<!--顶部-->
<div class="topbar">
  <div class="container clearfix ">
    <div class="welcome leftfix">
      <span class="hello">尚品汇欢迎您</span>
      <span>请</span>
      <a href="#" class="login">登录</a>
      <a href="#" class="register">免费注册</a>
    </div>

    <div class="top-nav rightfix">
      <ul class="list">
        <li><a href="#">我的订单</a></li>
        <li><a href="#">我的购物车</a></li>
        <li><a href="#">我的尚品汇</a></li>
        <li><a href="#">尚品汇会员</a></li>
        <li><a href="#">企业采购</a></li>
        <li><a href="#">关于尚品汇</a></li>
        <li><a href="#">合作招商</a></li>
        <li><a href="#">商家后台</a></li>
      </ul>
    </div>

  </div>
</div>
<!--头部-->
<div class="header">
  <div class="container" style="height: 120px;background-color: #b3d4fc">

  </div>
</div>
<!--主导航-->
<div class="main-nav">
  <div class="container clearfix">
    <div class="all-type leftfix">全部尚品分类</div>
    <ul class="list leftfix clearfix">
      <li><a href="#">尚品超市</a></li>
      <li><a href="#">优惠劵</a></li>
      <li><a href="#">买啥</a></li>
      <li><a href="#">尚品家电</a></li>
      <li><a href="#">尚品海鲜</a></li>
      <li><a href="#">PLUS会员</a></li>
      <li><a href="#">进口好物</a></li>
      <li><a href="#">品牌闪购</a></li>
      <li><a href="#">拍卖</a></li>
      <li><a href="#">五金商店</a></li>
    </ul>
  </div>

</div>
<!--侧边导航-->
<div class="main-content">
  <div class="container clearfix">
    <div class="slide-nva leftfix">
      <ul class="slide-nva-list">
        <li><a href="#">手机/运营商/数码</a></li>
        <li><a href="#">电脑/办公</a></li>
        <li><a href="#">家具/家居/家装/厨具</a></li>
        <li><a href="#">男装/女装/童装/内衣</a></li>
        <li><a href="#">美妆/个护清洁/宠物</a></li>
        <li><a href="#">女鞋/箱包/钟表/珠宝</a></li>
        <li><a href="#">男鞋/运动/户外</a></li>
        <li><a href="#">房产/汽车/汽车用品</a></li>
        <li><a href="#">母婴/玩具乐器</a></li>
        <li><a href="#">食品/酒类/生鲜/特产</a></li>
        <li><a href="#">艺术/礼品鲜花/农资绿植</a></li>
        <li><a href="#">医药保健/计生情趣</a></li>
        <li><a href="#">图书/文娱/教育/电子书</a></li>
        <li><a href="#">机票/旅游/酒店/生活</a></li>
        <li><a href="#">众筹/白条/保险/企业金融</a></li>
        <li><a href="#">安装/维修/清洗/二手</a></li>
      </ul>
    </div>
    <div class="banner leftfix"></div>
    <div class="slide-other leftfix"></div>
  </div>
</div>
</body>
</html>
